<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
    <a href="p4.html">跳转至今日的第四个页面</a>
    <hr>
    <a href="https://www.baidu.com/">跳转至百度</a><br>
    <a href="https://www.tmooc.cn/">跳转至达内首页</a>
    <hr>
    <a href="http://www.baidu.com"><img src="1.png" width="100px" ></a>
    <hr>
    <a href="http://www.baidu.com" target="_self">百度1</a>
    <a href="http://www.baidu.com" target="_blank">百度2</a>
    <hr>
    <h1>西游记</h1>
    <a href="#c1">跳转至第1章</a>
    <a href="#c2">跳转至第2章</a>
    <a href="#c3">跳转至第3章</a>
    <h3 id="c1">第一章 </h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi at consectetur dicta dolor fugiat impedit
        incidunt laborum quam suscipit voluptatum? A ad aut blanditiis consequatur doloribus fugit laboriosam non
        sit.</p>
    <p>Corporis distinctio doloremque ex inventore modi nesciunt officia quas recusandae sed veniam? A, adipisci atque
        delectus deleniti deserunt doloribus ex, incidunt inventore minus non quia quis rem repellat temporibus
        voluptatem!</p>
    <p>Accusantium alias architecto assumenda cupiditate dicta ex id illum inventore ipsa laborum maiores minus nesciunt
        nostrum officiis porro quidem quisquam quo quod reprehenderit rerum, sapiente soluta, vero, vitae! Architecto,
        esse?</p>
    <p>Aliquid aspernatur, assumenda blanditiis debitis ducimus ea esse harum hic maiores nobis nulla officiis omnis
        pariatur quo repellat vel, veritatis. Adipisci dolore dolores natus quaerat qui quod repudiandae veniam.
        Consequuntur?</p>
    <p>Aliquam aspernatur est fugiat hic, inventore ipsa ipsum labore molestiae pariatur quidem quisquam quod
        repellendus similique tempora totam ullam voluptates. Esse eveniet exercitationem facere iusto molestias
        pariatur placeat soluta vel!</p>
    <p>Commodi doloremque ducimus ex officia. Accusamus ad, animi corporis delectus deserunt dignissimos eius eos
        exercitationem fugiat incidunt laboriosam laborum minus mollitia nobis quisquam reiciendis repellendus sed
        veritatis voluptatibus voluptatum. Magnam?</p>
    <p>A adipisci consectetur deleniti deserunt dignissimos dolores, excepturi expedita labore magni molestiae nihil
        nostrum omnis perferendis provident quas quasi qui quibusdam rem repudiandae similique veniam veritatis
        voluptate voluptatum. Quas, voluptatibus?</p>
    <p>Ab asperiores beatae cupiditate delectus dolores fuga fugit, hic illum inventore labore laboriosam officiis optio
        quibusdam quo quos unde vero voluptate voluptates! Ab aspernatur impedit, nostrum repellat reprehenderit velit
        veniam.</p>
    <p>Illo maxime, nemo. Blanditiis culpa labore neque obcaecati odit perspiciatis rerum voluptatum. Aliquid, cum
        cumque dolorem doloremque dolores doloribus eaque, excepturi nemo odit perspiciatis qui reiciendis repudiandae,
        vel vitae voluptates.</p>
    <p>Consectetur, dolorum labore laudantium porro sed suscipit veritatis vero. Aperiam aspernatur consequuntur debitis
        dolore est, excepturi explicabo fugit impedit inventore ipsum minima perferendis porro, quaerat sint tempora
        veniam voluptas, voluptatem!</p>
    <p>Aliquid asperiores autem consequatur distinctio, doloremque error explicabo nulla officiis quas tempora voluptate
        voluptatum. Atque et neque optio qui quisquam sunt tempore? Commodi dignissimos minus nesciunt, quisquam quos
        sapiente sit.</p>
    <p>A at eos eum fuga, fugit hic id inventore nihil omnis optio. Aliquid, aut debitis dolorem doloremque enim et hic
        impedit iure laboriosam, libero molestiae perspiciatis quam soluta veniam voluptatem!</p>
    <p>Commodi consequuntur cumque ducimus fuga libero nisi possimus quidem quisquam, sed voluptas! Accusamus dolor,
        doloribus earum facilis ipsa labore maxime molestiae suscipit vel veritatis. Omnis quam quia quibusdam
        recusandae soluta.</p>
    <p>Ab, dolorem ea eligendi eveniet exercitationem explicabo fugit ipsa iusto laudantium minus nemo quae quas!
        Consectetur, cumque earum eveniet molestiae nemo perferendis porro quidem suscipit. Harum necessitatibus nobis
        tempora vero.</p>
    <p>Debitis dolorum earum hic ipsa molestiae quasi ullam unde? Alias at illo modi numquam quaerat qui recusandae sunt
        tempore ut vero. Ducimus in inventore iure libero reiciendis repellat! Fugit, ipsum!</p>
    <p>Aspernatur aut beatae culpa cum doloremque eveniet expedita illum ipsa iste itaque minima modi praesentium quidem
        quis repellat sit, veritatis vero, voluptas voluptates voluptatum. Assumenda dolorem eos quia quo
        temporibus.</p>
    <p>Aliquid architecto cum dolor dolores ea, eaque explicabo facere iste, itaque magnam magni minima modi nesciunt
        nihil praesentium, quas quo reiciendis repellat saepe sint tempore tenetur unde vitae voluptatem
        voluptatibus.</p>
    <p>Aliquid animi cum delectus deleniti eaque enim, explicabo illum ipsa itaque necessitatibus odio optio perferendis
        quae recusandae saepe soluta sunt tempora ut velit voluptate. Debitis dicta dolorem enim iste neque?</p>
    <p>Accusamus accusantium aliquam animi architecto autem delectus dolor esse facilis laborum, molestias nisi nobis
        nostrum odio repellat reprehenderit saepe veniam voluptatibus. Delectus ex explicabo harum inventore iste odit
        provident quis.</p>
    <p>Expedita fugit labore nam nesciunt qui recusandae repellendus sint vel. Ad blanditiis corporis cum cupiditate
        dolor excepturi, inventore iure magnam minus, molestias numquam optio unde veniam! Dolorum illum officiis
        optio?</p>
    <h3 id="c2">第二章 </h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam delectus doloremque earum et eum excepturi,
        fugit illo nemo nulla possimus quaerat quasi qui quisquam, quo ratione tempora voluptates! At, porro.</p>
    <p>Ab aspernatur assumenda debitis deserunt ea expedita illum itaque iure minima minus molestias non, odit quae quas
        quasi quos, rem sed sequi similique sunt temporibus vel veniam voluptatem! Dolores, natus!</p>
    <p>Aliquid eius eos fugiat hic impedit minima molestiae nemo, neque placeat provident quam quia suscipit,
        voluptatem. Ab cumque debitis, rerum sapiente sint sit ut? Dolor minus nesciunt perspiciatis suscipit.
        Possimus.</p>
    <p>A accusantium beatae culpa distinctio enim error eum illum, ipsum iusto magni maiores optio possimus provident,
        quia quod reiciendis rem repellendus ut velit veniam! Deleniti dignissimos eveniet omnis voluptatibus? Quo.</p>
    <p>Aperiam, architecto aspernatur consectetur culpa delectus, dolore ea earum eos excepturi expedita explicabo hic
        itaque magni modi mollitia nam neque odio odit possimus quo rem, reprehenderit sunt tempore vitae
        voluptatum.</p>
    <p>Atque consequuntur dolor dolorem dolorum eaque eius minus mollitia, placeat provident quaerat quam sapiente
        similique suscipit tempore ullam! Accusamus accusantium deleniti ex, expedita libero nisi obcaecati possimus
        praesentium quam sapiente.</p>
    <p>Cum deleniti error facilis harum id neque nostrum quasi ut! Aliquid aperiam atque culpa deleniti ducimus esse
        illum iste natus neque nostrum possimus, repellendus temporibus voluptas. Aspernatur dolore impedit
        officiis!</p>
    <p>Aliquid consectetur consequatur distinctio impedit laudantium magnam maxime natus, nihil non officia pariatur
        praesentium quae quam quia sint temporibus, voluptate? Ab accusamus, aperiam iusto mollitia natus nostrum
        officiis repellendus vel?</p>
    <p>Alias debitis dignissimos id molestiae temporibus? Animi deserunt, doloribus earum et excepturi fugit illo labore
        laborum nostrum odit pariatur quae quibusdam rem. Deserunt ipsum magnam quos ullam vitae voluptas
        voluptates?</p>
    <p>Amet culpa dolores ducimus eius eum expedita explicabo fuga fugit hic id in inventore laborum libero maxime natus
        nostrum nulla numquam odio odit, pariatur quas quibusdam ullam unde vero vitae.</p>
    <p>Atque corporis eligendi excepturi expedita ipsa laboriosam molestiae perferendis quis rem rerum! Accusamus
        corporis eius exercitationem facilis harum, impedit ipsam itaque, iure laudantium maiores nisi porro quas qui
        recusandae reiciendis!</p>
    <p>Dolores dolorum exercitationem porro praesentium, recusandae rem similique! Autem consectetur dolorem recusandae
        rem repudiandae unde vel! Autem, error eum excepturi hic illo ipsum labore nam neque quas quis saepe ut!</p>
    <p>Alias atque consectetur deserunt doloribus dolorum ea enim labore laudantium, possimus tempore unde velit. Ad
        cumque distinctio dolor doloribus eos ipsum labore molestiae, reprehenderit. Aut commodi enim nam nostrum
        porro.</p>
    <p>Animi at corporis doloremque eligendi enim fugit, harum inventore laboriosam molestias mollitia obcaecati
        reprehenderit veniam. Culpa cum distinctio dolorem id illum nam necessitatibus nostrum obcaecati omnis quia, vel
        vero, voluptatum?</p>
    <p>Architecto blanditiis eaque fugit repudiandae tempore! Aperiam architecto delectus excepturi totam voluptatem.
        Autem dolores earum est eveniet hic necessitatibus neque odit possimus quod, soluta! Ad asperiores culpa cumque
        quae quo.</p>
    <p>Commodi error eum incidunt necessitatibus omnis quasi recusandae tempore, velit vero voluptates? Accusantium
        culpa dolorem dolores, eligendi ex maxime nemo neque non provident quia, quod, rerum tempore voluptatibus.
        Labore, sequi!</p>
    <p>A aspernatur deserunt est facilis ipsa laudantium libero nam quam temporibus voluptas. Dignissimos doloribus est
        excepturi in ipsum iste iure labore officia quo voluptatem! Ipsum mollitia non quaerat quas voluptas!</p>
    <p>Ab, atque est exercitationem non nulla rem repellendus. Assumenda culpa cupiditate dolore eligendi et expedita
        harum ipsa laborum, libero maxime modi, non placeat praesentium repudiandae sapiente tempore temporibus ullam
        vero?</p>
    <p>Ad assumenda culpa delectus doloremque, eveniet excepturi, exercitationem illo ipsa iste natus nisi nobis non
        nostrum obcaecati pariatur placeat provident quam quas quia recusandae, reprehenderit temporibus tenetur totam
        veritatis voluptas.</p>
    <p>Accusantium beatae culpa dignissimos ipsa laborum, minima obcaecati recusandae similique tempore! A asperiores
        consectetur cum eius fuga id ipsa laborum non odit officiis praesentium quam quas quibusdam, sequi sit
        voluptatem?</p>
    <h3 id="c3">第三章 </h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At autem dignissimos ducimus facere voluptas. Earum
        exercitationem perspiciatis quae quis repellat veritatis? A cumque error eum excepturi in minus possimus
        velit.</p>
    <p>Aliquid consectetur dolorem earum ex itaque. Accusamus accusantium beatae dignissimos ea eius, eos eum ex in
        minima molestiae nemo nihil, nisi nostrum odit perspiciatis rem sapiente, suscipit ullam unde vitae!</p>
    <p>Adipisci culpa fugit ipsa iusto, laboriosam optio quas repellendus rerum velit voluptate. Ab dolorem enim
        laudantium mollitia officiis quibusdam quis sapiente similique veritatis voluptatum. Id nemo nisi repellat
        reprehenderit veritatis!</p>
    <p>Adipisci aliquam debitis dolorum id in labore laboriosam perspiciatis, quibusdam quo totam! Aliquid dolorum earum
        explicabo, id impedit nam reiciendis rem vel! Accusamus consequatur nostrum omnis perspiciatis quaerat quam,
        saepe.</p>
    <p>Consectetur corporis deleniti ducimus mollitia, quo sint suscipit. Architecto aspernatur assumenda at
        consequuntur cumque excepturi, illum iusto quasi quis quos rem repellat repudiandae sapiente, veniam voluptate.
        Eligendi labore quibusdam sed.</p>
    <p>Aspernatur dolore ducimus earum nulla. A ab blanditiis cum cumque eaque earum eligendi illum ipsam magnam maiores
        neque nobis odio optio perferendis, quam quod rerum sit soluta totam vel, veniam?</p>
    <p>Alias aperiam at cumque delectus deserunt dolorum, illo ipsum laboriosam laborum libero nam nobis praesentium
        quidem quod ratione recusandae reiciendis sapiente similique suscipit totam? Ducimus ex fugit necessitatibus
        quos sed.</p>
    <p>Natus, officiis ullam? Alias, beatae culpa dignissimos dolor doloremque error esse, eveniet ex exercitationem
        facere inventore laudantium magnam minus odio omnis optio porro repudiandae sapiente sequi soluta suscipit
        tenetur unde?</p>
    <p>Accusantium deserunt dolore dolorem dolorum earum eligendi eveniet explicabo fugit harum hic id impedit labore
        maiores molestias natus nisi pariatur provident quia quis reiciendis sapiente suscipit temporibus, tenetur,
        veniam, vitae?</p>
    <p>Alias architecto asperiores assumenda consectetur consequuntur corporis cumque deleniti distinctio dolor ducimus
        ex exercitationem facere hic iure nulla officia officiis omnis perferendis praesentium quaerat quasi quos saepe
        similique tempore, veritatis?</p>
    <p>Aliquid aperiam commodi consequatur cum dignissimos dolorem dolores doloribus dolorum earum exercitationem fuga,
        fugiat impedit inventore iste neque nisi nostrum, nulla quas repudiandae, sint sunt veniam veritatis vero. Modi,
        quia?</p>
    <p>Autem dolorem, ducimus eos hic illum laborum maiores nam, natus numquam odit provident sit tempora. Deleniti ea,
        id in nam placeat quasi repudiandae sit tempore temporibus voluptatum. Dicta, eaque, recusandae.</p>
    <p>Accusamus ad aperiam debitis deleniti, eius eos exercitationem labore laudantium, minus quaerat soluta tempora
        velit voluptatem. Accusamus at cum eius provident reprehenderit sapiente similique sunt tenetur ullam veritatis?
        Aperiam, veritatis.</p>
    <p>Ad cupiditate facilis incidunt iusto, nemo quisquam voluptas. A accusamus aliquam culpa cum delectus dolorum
        error est, facilis hic inventore ipsam, laudantium nesciunt quibusdam quidem quod ratione sit ullam
        voluptate.</p>
    <p>Ad alias, at dignissimos est excepturi in, magni maiores minus, numquam quidem soluta sunt. Cum doloribus enim
        error ex hic iure magni nulla quos sequi vero. Doloremque repellendus rerum sapiente!</p>
    <p>Aperiam dolore ea fugit obcaecati praesentium, quisquam quo suscipit veritatis. Accusamus aperiam debitis
        deserunt doloremque dolorum enim facere fuga magni nam neque obcaecati quaerat quisquam recusandae, rerum
        tempore totam voluptatum?</p>
    <p>Accusamus accusantium delectus dolorem doloremque iure maxime quisquam rem soluta, temporibus voluptas? A autem
        in molestias quas, repellendus sit totam voluptatum? Aliquam facilis molestiae neque nobis officiis quia
        sapiente voluptate?</p>
    <p>Blanditiis dolorum magnam maxime quos, reprehenderit voluptatem. Atque deserunt eaque sapiente! Consequuntur
        doloribus ea eaque hic iusto labore modi nesciunt omnis placeat ratione. Cupiditate eos expedita fuga, nemo quis
        repellat.</p>
    <p>Architecto debitis, dolore, dolores error eveniet ex excepturi illo in molestiae nihil officia quia, rem sit
        suscipit veritatis. Blanditiis, dolore error est eveniet expedita ipsum iste nam quos repudiandae saepe.</p>
    <p>Ad animi beatae consequuntur dolore eius esse est, et eveniet excepturi facere facilis hic laboriosam magnam
        magni maiores modi molestiae mollitia neque nesciunt nisi provident quae quisquam quo sint ullam.</p>


</body>
</html>